<template>
  <div>
    <!-- <router-link to="/home">home</router-link> -->
    <pop :opt="this.$store.state.pop"></pop>
    <div v-show='this.$store.state.header'>
      <headerDiv :header='this.$store.state.header'></headerDiv>
    </div>
    <router-view></router-view>
  </div>
</template>

<script type="text/ecmascript-6">
import pop from 'components/pop/pop.vue';
import headerDiv from 'components/header/header.vue';
// import eventBus from 'common/eventBus.js';
// console.log(this.$data);
export default {
  name: 'app',
  components: {
    pop,
    headerDiv
  },
  data: function () {
    // console.log(eventBus._data);
    return {
      // opt: eventBus._data.popOption, // 坑在这儿
      // test: eventBus._data.test
    }
  }
}
</script>

<style lang="stylus">
@import 'stylus/base.styl';
</style>